#diapos{ position:relative; }
#diapos li{ position:absolute; top:0; left: 0; }

#diapos-on{ 
    border:10px solid #FBFBFB; 
    -moz-box-shadow:0px 2px 20px #000;
    -webkit-box-shadow:0px 2px 20px #000;
    box-shadow:0px 2px 20px #000;
    width:700px;
    height:350px;
    margin:1em auto 0;
    position:relative;
}

#diapos-on li{
    position:absolute;
    top:0;
    left:0;
    width:700px;
    height:350px;
    list-style:none;
}

#contador{
    width:700px;
    margin:1em auto 3em;
}

#contador li{
    float:left;
    width:10px;
    height:10px;
    margin-right:5px;
    list-style:none;
    -moz-box-shadow:0 1px 4px #000;
    -webkit-box-shadow:0 1px 4px #000;
    box-shadow:0 1px 4px #000;
}

#contador li a{
    display:block;
    text-indent:-999em;
    background:#ffd4ab;
    width:10px;
    height:10px;
    overflow:hidden;
}

#contador li a:focus{outline:1px solid #F9D8E3;}

#contador li.actual a{background:#f89f4a;}
